* {
	outline:none !important;
	-moz-outline: none !important;
}
html, body{height:100%}
/* Main */

/*Bootstrap-overlay*/

body {
	overflow: hidden;
	margin-top: -20px; font-family: 'Microsoft Yahei',sans-serif; font-size:12px; color:#666;
}

.widget-box tr td{ text-align: center; }

.btn{ border: none; }

a{color:#666;}
a:hover, a:focus {
	text-decoration: none; color:#28b779;
}
.dropdown-menu .divider{ margin:4px 0px;}
.dropdown-menu{ min-width:180px;}
.dropdown-menu > li > a{ padding:3px 10px; color:#666; font-size:12px;}
.dropdown-menu > li > a i{ padding-right:3px;}
.userphoto images{ width:19px; height:19px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert{ border-radius:0px;font-family: "Microsoft Yahei";}
.btn, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ box-shadow:none;font-family: "Microsoft Yahei";}
.progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary{background-image:none;}
.accordion-heading h5{ width:70%; }
.form-horizontal .form-actions{ padding-left:20px; }
#footer{ padding:10px; text-align:center;}
hr{ border-top-color:#dadada;}
.carousel{ margin-bottom:0px;}
.fl { float:left}
.fr {float:right}
.label-important, .badge-important{ background:#f74d4d; border-radius: 0px;}


/*Metro Background color class*/
.bg_lb{ background:#27a9e3; }
.bg_db{ background:#2295c9; }
.bg_lg{ background:#28b779; }
.bg_dg{ background:#28b779; }
.bg_ly{ background:#ffb848; }
.bg_dy{ background:#da9628; }
.bg_ls{ background:#2255a4; }
.bg_lo{ background:#da542e; }
.bg_lr{ background:#f74d4d; }
.bg_lv{ background:#603bbc; }
.bg_lh{ background:#b6b3b3; }

/* Header */
#header {
	height: 50px;
	position: relative;
	width: 100%;
	z-index: -9;
}
#header h1 {
	/*background: url("../img/logo.png") no-repeat scroll 0 0 transparent;*/
	height: 36px;
	left: 28px;
	line-height: 36px;
	overflow: hidden;
	position: relative;
	top: 6px;
	width: 191px;
	font-size: 20px;
	font-weight: bold;
}

#header h1 a {
	display: block;
	color: #A4D3EE;
}


/* Sidebar Navigation */
#sidebar {
	display: block;
	float: left;
	position: relative;
	width: 220px;
	z-index: 16;  
}

/*滚动条美化css 适合WebKit引擎的浏览器如chrome、oprea、Safari等*/
::-webkit-scrollbar {  
	width: 16px;   
}  
  
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
	border-radius: 999px;  
	border: 5px solid transparent;  
}  
  
::-webkit-scrollbar-track {  
	box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-thumb {  
	min-height: 20px;  
	background-clip: content-box;  
	box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-corner {  
	background: transparent;  
}
	
#sidebar > ul {
	list-style: none;
	margin: 0px 0 0;
	padding: 0;
	position: absolute;
	width: 220px;
}
#sidebar > ul > li {
	display: block;
	position: relative;
	font-size: 13px;
}
#sidebar > ul > li > a {
	padding: 8px 0 8px 15px;
	display: block;
	color: #939da8;
	cursor: pointer;
}
#sidebar > ul > li > a > i {
	margin-right: 10px;
}
#sidebar > ul > li.active > a {
	text-decoration:none;
}

#sidebar > ul li ul li.active a {
	background: url("../img/menu-active.png") no-repeat scroll right center transparent !important;
	text-decoration:none;
}

#sidebar > ul > li > a > .label {
	margin: 0 22px 0 0;
	float: right;
	padding: 2px 8px 3px;
}
#sidebar > ul li ul {
	display: none;
	margin: 0;
	padding: 0;
}
#sidebar > ul li.open ul {
	display: block;
}
#sidebar > ul li ul li a {
	padding: 8px 0 8px 25px;
	display: block;
	color: #777777;
	cursor: pointer;
}

#sidebar > ul li ul li a i{
	margin-right: 10px;
}

#sidebar > ul li ul li:first-child a {
	border-top: 0;
}
#sidebar > ul li ul li:last-child a {
	border-bottom: 0;
}
/* Content */
#content {
	background: none repeat scroll 0 0 #eeeeee;
	margin-left: 220px;
	margin-right: 0;
	position: relative;
	min-height:100%;
	width: auto;
}
#content-header {
	width: 100%;
	margin-top: 0px;
	z-index: 20;
}
#content-header h1 {
	color: #454545;
	font-size: 18px;
	font-weight: bold;
	float: none;
	text-shadow: 0 1px 0 #ffffff;
	margin-left: 20px;
	padding-bottom: 10px;
	margin-right: 20px;
	position: relative;
	border-bottom: 2px solid #EE7600;
}
#content-header .btn-group {
	float: right;
	right: 20px;
	position: absolute;
}
#content-header h1, #content-header .btn-group {
	margin-top: 10px;
}
#content-header .btn-group .btn {
	padding: 11px 14px 9px;
}
#content-header .btn-group .btn .label {
	position: absolute;
	top: -7px;
}
.container-fluid .row-fluid:first-child {
	margin-top: 0px;
}
/* Breadcrumb */
#breadcrumb {
	background-color: #fff;
	border-bottom: 1px solid #e3ebed;
	height: 38px;
	line-height: 17px;
}
#breadcrumb a {
	padding: 10px 20px 10px 10px;
	display: inline-block;
	background-image: url('../img/breadcrumb.png');
	background-position: center right;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #666666;
}
#breadcrumb a:hover {
	color: #333333;
}
#breadcrumb a:last-child {
	background-image:none;
}
#breadcrumb a.current {
	font-weight: bold;
	color: #444444;
}
#breadcrumb a i {
	margin-right: 5px;
	opacity: .6;
}
#breadcrumb a:hover i {
	margin-right: 5px;
	opacity: .8;
}

/* Responsive design */
@media (max-width: 480px) {
	#header h1 {
		top: 10px; left:5px;
		margin: 3px auto;
	}
	#user-nav {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		margin-top: -31px;
		border-top:1px solid #363E48;
		margin-bottom: 0px;
		background:#2E363F;
		float:right;
	}
	.navbar > .nav {
		float: none;
	}
	#my_menu {
		display:none;
	}
	#my_menu_input {
		display:block;
	}
	#user-nav > ul {
		right: 0px;
		margin-left:20%!important;
		margin-top:0px;
		width:100%;
		background:#000;
		position: relative;
	}
	#user-nav > ul > li {
		padding:0px 0px;
	}
	#user-nav > ul > li > a {
		padding:5px 10px;
	}
	#sidebar .content{ display:none;}
	#content {
		margin-left: 0 !important;
		border-top-left-radius: 0;
		margin-top:0px;
	}
	#content-header {
		margin-top: 0;
		text-align: center;
	}
	#content-header h1, #content-header .btn-group {
		float: none;
	}
	#content-header h1 {
		display: block;
		text-align: center;
		margin-left: auto;
		margin-top: 0;
		padding-top: 15px;
		width: 100%;
	}
	#content-header .btn-group {
		margin-top: 70px;
		margin-bottom: 0;
		margin-right: 0;
		left: 30%;
	}
	#sidebar {
		float: none;
		width: 100% !important;
		display:block;
		position:relative;
		top:0px;
	}
	#sidebar > ul {
		margin:0px;
		padding:0px;
		width:100%;
		display:block;
		z-index:999;
		position:relative
	}
	#sidebar > ul > li {
		list-style-type:none;
		display:block;
		border-top:1px solid #41BEDD;
		float:none !important;
		margin:0px;
		position:relative;
		padding:2px 10px;
		cursor:pointer
	}
	#sidebar > ul > li:hover ul {
		display:none;
	}
	#sidebar > ul > li:hover {
		background-color:#27a9e3;
	}
	#sidebar > ul > li:hover a {
		background:none;
	}
	#sidebar > ul li ul {
		margin:0px;
		padding:0px;
		top:35px; left:0px;
		z-index:999;
		display:none;
		position:absolute;
		width:100%;
		min-width:100%;
		border-radius:none;
	}
	#sidebar > ul li ul li {
		list-style-type:none;
		margin:0px;
		font-size:12px;
		line-height:30px;
	}
	#sidebar > ul li ul li a {
		display:block;
		padding:5px 10px;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		cursor: pointer;
	}
	#sidebar > ul li ul li:hover a {
		border-radius: 0px;
	}
	#sidebar > ul li span {
		cursor:pointer;
		margin:0px 2px 0 5px;
		font-weight:bold;
		color:#fff;
		font-size:12px;
	}
	#sidebar > ul li a i {
		background-image: url("../img/glyphicons-halflings-white.png");
		margin-top:4px;
		vertical-align: top;
	}
	#sidebar > a {
		padding: 9px 20px 9px 15px;
		display: block !important;
		color: #eeeeee;
		float:none !important;
		font-size:12px;
		font-weight:bold;
		cursor:pointer;
	}
	#sidebar > ul > li > a {
		padding:5px;
		display:block;
		color: #AAAAAA;
		cursor: pointer;
	}
}
@media (min-width: 481px) and (max-width: 970px) {
	body {
		background:#49CCED
	}
	#header h1 {
		top:10px; left:35px;
	}
	#search {
		top:5px
	}
	#my_menu {
		display:none;
	}
	#my_menu_input {
		display:block;
	}
	#content {
		margin-top:0px;
	}
	#sidebar > ul > li {
		float:none;
	}
	#sidebar > ul > li:hover ul {
		display:block;
	}
	#sidebar, #sidebar > ul {
		width: 43px;
		display: block;
		position: absolute;
		height:100%;
		z-index:1;
	}
	#sidebar > ul ul {
		display: none;
		position: absolute;
		left:43px;
		top: 0;
		min-width: 150px;
		list-style: none;
	}
	#sidebar > ul ul li a {
		white-space: nowrap;
		padding: 10px 25px;
	}
	#sidebar > ul ul:before {
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		content: "";
		display: inline-block;
		left: -6px;
		position: absolute;
		top: 11px;
	}
	#sidebar > ul ul:after {
		content: "";
		display: inline-block;
		left: -5px;
		position: absolute;
		top: 12px;
	}
	#sidebar > a {
		display: none !important;
	}
	#sidebar > ul > li.open.submenu > a {
		border-bottom: none !important;
	}
	#sidebar > ul > li > a > span {
		display: none;
	}
	#content {
		margin-left: 43px;
	}
	#sidebar .content{ display:none;}
}

@media (max-width: 600px) {
	#sidebar .content{ display:none;}
}
@media (max-width: 767px) {
	body {
		padding: 0 !important;
	}
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
	#search {
		display: none;
	}
	#user-nav > ul > li > a > span.text {
		display: none;
	}
	#sidebar .content{ display:none;}
}
@media (min-width: 768px) and (max-width: 979px) {
	[class*="span"], .row-fluid [class*="span"] {
	 	display: block;
	 	float: none;
	 	margin-left: 0;
	 	width: auto;
	}
}
@media (max-width: 979px) {
	#sidebar .content{ display:none;}
}